

<HTML>
<HEAD>
<TITLE>FIrst Test of Module 1 of CSS3 Spec</TITLE>

<STYLE TYPE="text/css">
#body1 {position: absolute; left: 50px; top: 50px }
#p1 {color: red}
#em1 {color: blue}
#strong1 {color: yellow}
#p2 {color: green}





</STYLE>
</HEAD>




<BODY id="body1">
<h1 >
Testing First Testable Statement of Module 1 of CSS3 Specification
</h1>


<ul>
<li  >
1. This grammar defines the syntax of CSS3.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p id="p1">
If statement #1 above is passed, then
this paragraph should be in the initial containing block and red.
The rule applied is "#body1 {position: absolute; left: 50px; top: 50px }".
"#body1" is applied to "BODY" and "#p1" is applied to "p".
Also "#p1 {color: red}".
</p>
<p id="p2">
<em id="em1">This emphasized text (blue) covers the
first two sentences of the paragraph.
Rules are "#em1 {color: blue}", "#strong1 {color: yellow}",
and "#p2 {color: green}".
</em>
<strong id="strong1">This strong text is yellow</strong>.
This part of paragraph should be green.
"#em1" is applied to "em", "#p2" is applied to "p", and "#strong1" is applied
to "strong".
</p>
All other properties of this page should be UA-default.


</BODY>
</HTML>

